<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>虚拟货币</title>
    <link rel="stylesheet" href="../static/css/icon.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/vendor/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../static/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../static/vendor/html5shiv.min.js"></script>
    <script src="../static/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body class="home-body">
<div id="app">
    <div class="column-list">
        <table class="table">
            <tr>
                <td>名称：</td>
                <td>值</td>
            </tr>
            <tr>
                <td>名称：</td>
                <td>值</td>
            </tr>
            <tr>
                <td>名称：</td>
                <td>值</td>
            </tr>
            <tr>
                <td>名称：</td>
                <td>值</td>
            </tr>
            <tr>
                <td>名称：</td>
                <td>值</td>
            </tr>
            <tr>
                <td>名称：</td>
                <td>
                    <input type="text" class="column-input">
                </td>
            </tr>
        </table>
    </div>
</div>
<script src="../static/vendor/jquery.min.js"></script>
<script src="../static/vendor/swiper/js/swiper.min.js"></script>
<script src="../static/vendor/layer/layer.js"></script>
<script src="../static/vendor/jquery.slimscroll.min.js"></script>
<script src="../static/vendor/vue.min.js"></script>
<script src="../static/vendor/vue-i18n.min.js"></script>
<script src="../static/js/main.js"></script>
<script>
    //新闻的滚动
    new Swiper('.latest-news', {
        direction: 'vertical',
        autoHeight: true,
        observer:true,
        observeParents:true,
        autoplay:true,
        delay:5000,
        loop:true
    });

    $(function(){

        initTab(".currency-list","#list-cont","250px");

        //搜索效果
        $(".search-input").on("focus",function(){
            $(".search").addClass("active");
        });
        $(".search-input").on("blur",function(){
            if( !$.trim($(this).val()) ){
                $(".search").removeClass("active");
            }
        });
        $(".search-input").on("keyup",function(event){
            if( event.keyCode === 13 ){
                alert("请在这里执行搜索操作")
            }
        })

    });
</script>
</body>
</html>